<template>
  <div class="test-page">
    <h1>抽卡分析组件测试</h1>
    <CardDrawingAnalysis :data="testData" />
  </div>
</template>

<script setup>
import CardDrawingAnalysis from '../components/CardDrawingAnalysis.vue';

const testData = {
  UID: "107197498",
  drawCardTotalCount: 465,
  goldenLegendTotalCount: 7,
  goldenLegendAvgCount: 52.4,
  characterActivityPoolVO: {
    totalPulls: 258,
    avgGoldCount: 53,
    totalGoldCount: 4,
    notGoldCount: 46,
    goldRecordsList: [
      { pullCount: 72, name: "露帕" },
      { pullCount: 46, name: "卡卡罗" },
      { pullCount: 68, name: "卡提希娅" },
      { pullCount: 26, name: "凌阳" }
    ]
  },
  weaponActivityPoolVO: {
    totalPulls: 82,
    avgGoldCount: 67,
    totalGoldCount: 1,
    notGoldCount: 15,
    goldRecordsList: [
      { pullCount: 67, name: "不屈命定之冠" }
    ]
  },
  characterResidentPoolVO: {
    totalPulls: 0,
    avgGoldCount: 0,
    totalGoldCount: 0,
    notGoldCount: 0,
    goldRecordsList: []
  },
  weaponResidentPoolVO: {
    totalPulls: 125,
    avgGoldCount: 44,
    totalGoldCount: 2,
    notGoldCount: 37,
    goldRecordsList: [
      { pullCount: 71, name: "千古洑流" },
      { pullCount: 17, name: "千古洑流" }
    ]
  }
};
</script>

<style scoped>
.test-page {
  padding: 20px;
  max-width: 1200px;
  margin: 0 auto;
}

h1 {
  text-align: center;
  margin-bottom: 30px;
  color: #333;
}
</style>
